<template>
	<view class="all">
	
	         <view class="txhjd">
		       <div class="txhjd1">
		            <image src="@/static/logo.png"  alt="头像" class="touxiangtu" ></image>
			      
				 
		         <div class="jindou">
			      <image src="@/static/jindou.png" alt="金豆" class="jindoutu" ></image>
				   <text class="jindoushuliang">{{dou}}</text>
			       </div>
				    <image src="@/static/logo.png" @click="dakaishehzi" class="shezhi"></image>
					 <image src="@/static/logo.png" @click="dakaigonghui" class="gonghui"></image>
					  <image src="@/static/logo.png" @click="dakaishangcheng" class="shangcheng"></image>
		              </div>
	          </view>
	
 <view class="zhongjian">
		
		<view class="wanfa">
		<image class="laizi" src="@/static/logo.png" @click="doudizhu"></image>
		<image class="buxipai" src="@/static/logo.png"></image>
		<image class="jingdian" src="@/static/logo.png"></image>
	    </view>
        
	    <view class="huodong">
			<image class="qiandao" src="@/static/qiandao.png" @click="openqd"></image>
			<image class="kanshipinlingjindou" src="@/static/kanshipinlingjindou.png" @click="openkspljd"></image>
			<image class="xingyundali" src="@/static/xingyundali.png" @click="openxydl"></image>
			<image class="xingyunguoyuan" src="@/static/guoyuan.png" @click="openhlgy"></image>
			<image class="paihangbang" src="@/static/logo.png" @click="openphb"></image>
	        </view>
		<qd  v-if="show==1" ></qd>
		<xydl  v-if="show==2" ></xydl>
		<hlgy v-if="show==3"></hlgy>
		<kspljd v-if="show==4"></kspljd>
		<phb v-if="show==5"></phb>
				
</view>
 </view>
</template>

<script>
	import qd from "@/pages/index/huodong/qiandao"
	import xydl from "@/pages/index/huodong/xingyundali"
	import hlgy from "@/pages/index/huodong/huanleguoyuan"
	import kspljd from "@/pages/index/huodong/kaishipinlingjindou"
	import phb from"@/pages/index/huodong/paihangbang"
	
	export default{
		
		components: {
			qd,
			xydl,
			hlgy,
			kspljd,
			phb
		},
		data(){
			return{
				dou:0,
				show:0
			}
		},
		methods:{
			openqd(){
				if(this.show==0)
				this.show=1
				else if(this.show==1)
				this.show=0
			},
			
			openxydl(){
				if(this.show==0)
				this.show=2
				else if(this.show==2)
				this.show=0
			},
			openhlgy(){
				if(this.show==0)
				this.show=3
				else if(this.show==3)
				this.show=0
			},
			openkspljd(){
				if(this.show==0)
				this.show=4
				else if(this.show==4)
				this.show=0
			},
			openphb(){
				if(this.show==0)
				this.show=5
				else if(this.show==5)
				this.show=0
			},
			dakaishehzi(){
				uni.navigateTo({
					url:"/pages/index/shezhi/shezhi"
				})
			},
			dakaigonghui(){
				uni.navigateTo({
					url:"/pages/index/gonghui/gonghui"
				})
			},
			dakaishangcheng(){
				uni.navigateTo({
					url:"/pages/index/shangcheng/shangcheng"
				})
			},
			doudizhu(){
				uni.redirectTo({
					url:"/pages/index/wanfa/pipei"
				})
			}
			
		}
	}
</script>

<style>
		
		
    
	/*头像和金豆*/
	.txhjd{
		margin-top: 0rpx;
		background-color:aquamarine;
		height: 40rpx;
		width: 100%;
		
	}
	.txhjd1{
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-left: 330rpx;
	}
	
	.touxiangtu{
		margin-top: 2.5rpx;
		width: 35rpx;
		height: 35rpx;
		 border-radius: 100%;
	}
	.jindou{
		margin-left: 30rpx;
		background-color: antiquewhite;
		width: 90rpx;
		height: 30rpx;
		border-radius: 10%;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.jindoutu{
		width: 40rpx;
		height: 40rpx;
		 border-radius: 100%;
	}
	.jindoushuliang{
		color: black;
		margin-left: 10rpx;
		font-size: 25rpx;
	}
		
	.shezhi{
		margin-top: 2.5rpx;
		margin-left: 170rpx;
		width:35rpx ;
		height: 35rpx;
		border-radius: 100%;
	}
	.gonghui{
		margin-top: 2.5rpx;
		margin-left: 10rpx;
		width:35rpx ;
		height: 35rpx;
		border-radius: 100%;
	}
	.shangcheng{
		margin-top: 2.5rpx;
		margin-left: 10rpx;
		width:35rpx ;
		height: 35rpx;
		border-radius: 100%;
	}
	
	/*中间*/
	.zhongjian{
		display: flex;
		flex-direction: row;
		}
	
	
	/*活动*/
	.huodong{
		  width: 50rpx;
		  background-color: aqua;
		  height:338rpx; 
	      margin-left:90rpx;
          display: flex;
		  flex-direction: column;
		  align-items: center;
	}
		
		.qiandao{
			width:50rpx ;
			height: 50rpx;
			border-radius: 100%;
			margin-left: 5rpx;
			margin-top: 20rpx;
	    }
	
		.kanshipinlingjindou{
			width:45rpx ;
			height: 45rpx;
			border-radius: 100%;
			margin-left: 5rpx;
			margin-top: 20rpx;
		}
		
		.xingyundali{width:40rpx ;
			height: 40rpx;
			border-radius: 100%;
			margin-left: 5rpx;
			margin-top: 20rpx;
		}
		.xingyunguoyuan{width:40rpx ;
			height: 40rpx;
			border-radius: 100%;
			margin-left: 5rpx;
			margin-top: 20rpx;
	    }
		.paihangbang{
			width:40rpx ;
				height: 40rpx;
				border-radius: 100%;
				margin-left: 5rpx;
				margin-top: 20rpx;
		}
			
			
	/*玩法*/
		    .wanfa{
			   width: 500rpx;
		       height: 250rpx;
		       background-color: antiquewhite;
		       margin-top: 44rpx;
		       margin-left: 100rpx;
			} 

			.laizi{
				  width: 140rpx;
			      height:230rpx;
				  margin-left: 15rpx;
				  margin-top:10rpx ;
				}
		    .buxipai{
				  width: 140rpx;
			      height:230rpx;
				  margin-left: 27rpx;
				    margin-top:10rpx ;
		    }
			.jingdian{
				 width: 140rpx;
			      height:230rpx;
				  margin-left: 27rpx;
				    margin-top:10rpx ;}
			
			
</style>